React Native
RN製の色々なOSSプロダクト一覧
Components
ブラウザ上で動かして各コンポーネントの概要を知れる
全部あるわけではない
実行
以下のいずれかで
$ react-native run-android
$ react-native run-ios
cmd-rでリロード
cmd-dでメニュー表示
cmd-矢印でスマホ横向き
$ npm start
$ expo start --clear
expoのキャッシュを削除してスタート
Errorとその解決策
xcrun simctl
$ xcrun simctl shutdown all
アプリサイズ削減
様々なplatform向けの実装をモノレポしている
https://gyazo.com/54d00007dfe996b1ee03040e2f349bbc
複数フォームで次のフォームへ移動する
TextInputの「次へ」を押すと、次のフォームにフォーカスをあてたい
useRefもつかってこんな感じに書けばいける
code:tsx
const r = useRef(null);
//....
<TextInput
placeholder='First'
returnKeyType='next'
onSubmitEditing={() => r.current.focus()}
/>
<TextInput
ref={(input: any) => {
r.current = input;
}}
returnKeyType='next'
placeholder='second'
/>
↑ここでは、class Componentを使っているのでuseRefを使った場合はまた異なる
↓のgetRenderedComponent()のところを読むと、stateless function componentでは使えないみたい?
この辺使えばいける?forwardRefとか
まだやってない
withRefやgetRenderedCompnet()をつかう
headerにボタンを付けて、methodを呼ぶ方法
ライブラリ
よいこといってる
auto link
SVGを表示する